<template>
  <div class="render-form">
    <sg-form
      :style="formStyle"
      :rules="rules"
    >
      <template v-for="item in formData.list">
        <render-form-item
          :key="item.key"
          :widget="item"
          :rules="rules"
        />
      </template>
    </sg-form>
  </div>
</template>

<script>
import RenderFormItem from './RenderFormItem.vue'

export default {
  name: 'RenderForm',

  components: {
    RenderFormItem
  },

  props: {
    formData: {
      type: Object,
      default: () => {
        return {}
      }
    }
  },

  data () {
    return {
      rules: {}
    }
  },

  computed: {
    formStyle () {
      return {}
    }
  },

  methods: {}
}
</script>

<style lang="scss" scoped>

</style>
